@(username: String)


@main(username) {
    
    <div class="page-header">
    	<form>
 			<fieldset>
  				<legend "><h1>@username</h1></legend>
  				<h2>
  				<label><strong>My Coins:</strong></label><label id="myCoins"></label><br>
  				<label><strong>My Bet:</strong></label><label id="myBet"></label><br>
  				<label style="color:blue;font-size:20px">Stake: </label><label id="stake" style="color:blue;font-size:20px"></label><br>
  				<label style="color:blue;font-size:20px">Max Bet: </label><label id="maxBet" style="color:blue;font-size:20px""></label><br>
 				</h2>
 			</fieldset>
		</form>
        
    </div>
    
    <div id="onError" class="alert-message error">
        <p>
            <strong>Oops!</strong> <span></span>
        </p>
    </div>
    <div class="row" >
   		<input id="nr"  placeholder="Card Number in Deck"></input>    	
		<p id="demo"></p>
    		<div class="images">
			 <img id="card1">
			 <img id="card2">
			 <img id="card3">
			 <img id="card4">
			</div>
		<p></p>
		<div id="Actions" class="row">
	    	<button id="bet" class="btn" style="color:blue;font-size:20px"><b>Bet<b></button>
	    	<button id="call" class="btn" style="color:blue;font-size:20px"><b>Call<b></button>
	    	<button id="check" class="btn" style="color:blue;font-size:20px"><b>Check<b></button>
	    	<button id="raise" class="btn" style="color:blue;font-size:20px"><b>Raise<b></button>
	    	<button id="fold" class="btn" style="color:blue;font-size:20px"><b>Fold<b></button>
	    	<button id="allin" class="btn" style="color:blue;font-size:20px"><b>All in<b></button>
	    	<button id="exchange" class="btn" style="color:blue;font-size:20px"><b>Exchange<b></button>
	    </div>
	    
	    
    	<div class="span10" id="main">
     		<div id="messages"></div>          
   		</div>        
    </div>
    
    
    
    
    
    
    <script type="text/javascript" charset="utf-8" src="@routes.Application.chatRoomJs(username)"></script>
    
}